<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_分区元素</title>
</head>
<body>
    再有三天就是<span style="color:deeppink"><b>端午节了</b></span>，你准备好了吗
    欢迎各位<span style="color:red">小可爱</span>进入<span style="color:#003152">JSDTN2503</span>班级的<span style="color:#808000">第三阶段</span>学习！
    <hr>
    <!-- 行内元素可以与其他元素共处一行 -->
    <span>我是span</span>
    <span>我是span</span>
    <span>我是span</span>
    <!--  块级元素：独占一行（父级元素宽度的100%）  -->
    <div>我是div</div>
    <div>我是div</div>
    <div>我是div</div>
    <hr>
    <header>我是顶部条</header>
    <nav>我是导航栏</nav>
    <main>我是主体</main>
    <footer>我是尾部栏</footer>
    <section>我是区块</section>
    <article>我是文章</article>
    <aside>我是侧边栏</aside>
</body>
</html>